import React from 'react';
class ScCom extends React.Component<any, any>{
    constructor(props: any) {
        super(props);
        this.state = {
            scData: [
                {
                    text: "出众的磁盘性能",
                    smText: "可运行大型数据库业务"
                },
                {
                    text: "稳定，可靠",
                    smText: "多个实时副本，大大提高容灾能力"
                },
                {
                    text: "在线备份，可随时回滚",
                    smText: "业务正常运行时，可随时备份、回滚"
                }
            ],
        }
    }
    render() {
        return (
            <div className="sc-content">
                <div className="c-c-t common-width">
                    <ul>
                        {this.state.scData.map((item: any, i: number) => {
                            return (
                                <li key={i}>
                                    <div className={`d${i + 1}`}></div>
                                    <p>
                                        {item.text} <br/>
                                        <span>{item.smText}</span>
                                    </p>
                                </li>
                            )
                        })}
                    </ul>
                </div>
            </div>
        )
    }
}
export default ScCom;